<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>会员中心</title>
		<link rel="icon" href="../img/mushroom.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="../css/cssreset.css"/>
		<link rel="stylesheet" href="../css/style2.css" />
		<link rel="stylesheet" type="text/css" href="../css/vip.css"/>
	</head>
	<body>
			<!--顶部内容-->
		<header class="header-top">
			<!--导航栏-->
			<div class="wrap">
				<a href="#" class="header-logo" target="_blank">
					<!--<img src="img/pic.png"/>-->蘑菇街首页
				</a>
				
				<ul class="head">
					<li><a href="#" class="head-list1-ueser" target="_blank">用户名</a><div class="head-low1"></li>
					<li><a href="#" class="head-list1-ueser1" target="_blank">消息</a></li>
					<li><a href="#" class="head-list1-ueser1" target="_blank">我的收藏</a><div class="head-low1"></li>
					<li><a href="#" class="head-list2" target="_blank">我的订单</a></li>
					<li><a href="#" class="head-list3" target="_blank">购物车</a></li>
					<li><a href="#" class="head-list4" target="_blank">客户服务</a><div class="head-low1"></div>
						<ul class="head-left">
							<li><a href="#" target="_blank">消费者服务</a></li>
							<li><a href="#" target="_blank">商家服务</a></li>
							<li><a href="#" target="_blank">规则中心</a></li>
						</ul>
					</li>
					<li >
						<a href="#" class="head-list5" target="_blank">商家后台</a><div class="head-low2"></div>
						<ul class="head-right">
							<li><a href="#" target="_blank">管理后台</a></li>
							<li><a href="#" target="_blank">商家社区</a></li>
							<li><a href="#" target="_blank">商家培训</a></li>
							<li><a href="#" target="_blank">市场入驻</a></li>
						</ul>
					</li>
				</ul>
			</div>
			<!--头部内容-->
			<div class="header-mid">
				<!--头部logo-->
				<div class="header-mid-current">
					<div class="logo">
						<img src="../img/logo.png" class="logo_img"/>
					</div>
					<!--商品搜索框-->
					<div class="search">
						<div class="select_box">
							<!--搜索分类-->
							<span class="select-list">搜商品
								<ul >
									<li><a href="#">商品</a></li>
									<li><a href="#">店铺</a></li>
								</ul>
							</span><input type="text" id="select-txt" placeholder="卫衣" />
							<!--输入搜索内容-->
							
							<!--提交搜索内容-->
							<div class="select-submit">
								搜索
							</div>
						</div>
						<!--商品品种链接-->
						<ul class="goods_link">
							<li><a href="#">鞋子</a></li>
							<li><a href="#">睡衣</a></li>
							<li><a href="#">包包</a></li>
							<li><a href="#">外套</a></li>
							<li><a href="#">牛仔裤</a></li>
							<li><a href="#">毛衣</a></li>
							<li><a href="#">口红</a></li>
							<li><a href="#">小白鞋</a></li>
							<li><a href="#">背带裤</a></li>
							<li><a href="#">卫衣</a></li>
						</ul>
					</div>
					<!--app二维码图片-->
					<div class="appqr">
						<img src="../img/first-logo-1.png" class="appqr_img"/>
					</div>
				</div>
			</div>
		</header>
		<!--右侧导航栏-->
		<nav class="nav-right">
			<ul class="nav-right-list">
				<li><a href="#" class="nav-right-list1">
					<img src="../img/my.png" alt=""/>
				</a></li>
				<li><a href="#" class="nav-right-list2"><div class="i-scon"></div>购物车</a></li>
				<li><a href="#" class="nav-right-list3"><div class="i-scon1"></div>优惠券</a></li>
				<li><a href="#" class="nav-right-list4"><div class="i-scon2"></div>钱包</a></li>
				<li><a href="#" class="nav-right-list5"><div class="i-scon3"></div>足迹</a></li>
				<li><a href="#" class="nav-right-list6"></a></li>
				<li></li>
				<li><a href="#" class="nav-right-list7"></a></li>
			</ul>
		</nav>
		<section>
			<div class="header_pic">
				<div class="user">
					<div class="user_pic"></div>
					<div class="user_vip"></div>
					<div class="info">
					<h3>用户名</h3>
					<p class="mybeans">我的蘑豆<span>0</span>粒 </p>
					<p class="de">可抵扣0元</p>
					</div>
					<div class="sign"><a href="#">签到领红包</a>
						<div class="arcode1"></div>
					</div>
					<div class="resign_record"><a href="#">领取记录</a>
						<div class="arcode2"></div>
					</div>
					
					
				</div>
				<div class="user_points">
					<div class="rank_conent">积分数<br />0</div>
					<div class="progressbox"></div>	
					<div class="rank_tips">
					<div class="rank_icon"><img src="../img/vip2.png" width="20px" height="20px">(0)</div>
					<div class="rank_icon"><img src="../img/v1.png" width="20px" height="20px">(200)</div>
					<div class="rank_icon"><img src="../img/v2.png" width="20px" height="20px">(600)</div>
					<div class="rank_icon"><img src="../img/v3.png" width="20px" height="20px">(1200)</div>
					<div class="rank_icon"><img src="../img/v4.png" width="20px" height="20px">(3000)</div>
					<div class="rank_icon"><img src="../img/v5.png" width="20px" height="20px">(10000)</div>
					</div>
					<div class="rankContents">	
					<div class="rank_contents"><img src="../img/vip3.png" width="56px" height="36px"></div>
					<div class="rank_contents"><img src="../img/vip4.png" width="56px" height="36px"></div>
					<div class="rank_contents"><img src="../img/vip5.png" width="56px" height="36px"></div>
					<div class="rank_contents"><img src="../img/vip6.png" width="56px" height="36px"></div>
					<div class="rank_contents"><img src="../img/vip7.png" width="56px" height="36px"></div>
					<div class="rank_contents"><img src="../img/vip8.png" width="56px" height="36px"></div>
					</div>
				</div>
			</div>
			<div class="center-box">
				<p class="my_privilege">我的特权</p>
				<div class="my_privilegebox">
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre1.png" width="50px" height="50px"></div>
							<p class="privilegetext">蘑豆抵扣</p>
						</div>
						<div class="privilegestate">蘑豆抵扣<br>订单蘑豆抵扣</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre2.png" width="50px" height="50px"></div>
							<p class="privilegetext">全国包邮</p>
						</div>
						<div class="privilegestate">无消费限制<br>尊享全国包邮</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre3.png" width="50px" height="50px"></div>
							<p class="privilegetext">7无理由退货</p>
						</div>
						<div class="privilegestate">闪电退货<br />无须等待</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre4.png" width="50px" height="50px"></div>
							<p class="privilegetext">闪电退货</p>
						</div>
						<div class="privilegestate">闪电退货<br />无须等待</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre5.png" width="50px" height="50px"></div>
							<p class="privilegetext">限时发货</p>
						</div>
						<div class="privilegestate">限时发货<br />部分地区24小时发货</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre6.png" width="50px" height="50px"></div>
							<p class="privilegetext">退货补运费</p>
						</div>
						<div class="privilegestate">七天无理由<br />退货补运费</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre7.png" width="50px" height="50px"></div>
							<p class="privilegetext">签到有礼</p>
						</div>
						<div class="privilegestate">签到有礼<br />送蘑豆送神秘礼物</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre8.png" width="50px" height="50px"></div>
							<p class="privilegetext">周年抽奖</p>
						</div>
						<div class="privilegestate">周年抽奖<br />大礼等着你</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre9.png" width="50px" height="50px"></div>
							<p class="privilegetext">极速退款</p>
						</div>
						<div class="privilegestate">V0-V3:100元退款额度<br />V4-V5:200元退款额度</div>
					</div>
					<div class="my_privilege_item">
						
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre10.png" width="50px" height="50px"></div>
							<p class="privilegetext">会员活动</p>
						</div>
						<div class="privilegestate">会员活动<br />专属定制</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre11.png" width="50px" height="50px"></div>
							<p class="privilegetext">专属服务</p>
						</div>
						<div class="privilegestate">专属服务<br />专属客服为您服务</div>
					</div>
					<div class="my_privilege_item">
						<div class="privilegebox">
							<div class="privilegepic"><img src="../img/pre12.png" width="50px" height="50px"></div>
							<p class="privilegetext">会员折扣</p>
						</div>
						<div class="privilegestate">会员专享价<br />专属折扣</div>
					</div>
				</div>
			</div>
			<div class="grade_content">
				<p class="gradetitle">我的积分详情</p>
				<div class="gradetips">
				<div class="my_privilege_item">
					<div class="gradepic">
						<img src="../img/grade1.png" width="180px" />
					</div>
					<div class="gradecontent">
						<span>0分</span>
						<p>购买商品: 每元1分</p>
					</div>
				</div>
				<div class="my_privilege_item">
					<div class="gradepic">
						<img src="../img/grade2.png" width="180px" />
					</div>
					<div class="gradecontent">
						<span>0分</span>
						<p>晒单: 每次5分</p>
					</div>
				</div>
				<div class="my_privilege_item">
					<div class="gradepic">
						<img src="../img/grade3.png" width="180px" />
					</div>
					<div class="gradecontent">
						<span>0分</span>
						<p>内容评论: 每次5分</p>
					</div>
				</div>
				<div class="my_privilege_item">
					<div class="gradepic">
						<img src="../img/grade4.png" width="180px" />
					</div>
					<div class="gradecontent">
						<span>0分</span>
						<p>会员任务: 不定额</p>
					</div>
				</div>
				</div>	
			</div>
			<!--猜你喜欢-->
			<div class="guess_content">
			<p class="vip_guess">猜你喜欢</p>
			<ul class="guess">			
			<li class="guess_pic">
				<img src="../img/26.jpg" width="220px" height="293.3px" />
				<p class="search_common">找相似</p>
				<div class="guess_product">
					<p class="product_content">双面透明带铃铛公交卡套&nbsp;钥匙扣女创意卡通可爱饭卡夹</p>
					<p class="product_price">¥6.9</p>
					<p class="price_out">¥9.86</p>
					<span class="star"></span>
					<p class="starnum">5</p>			
				</div>
			</li>	
			<li class="guess_pic">
				<img src="../img/27.jpg" width="220px" height="293.3px" />
				<p class="search_common">找相似</p>
				<div class="guess_product">
					<p class="product_content">送礼盒+法国YSL/圣罗兰17年新款雾面哑光丝绒唇釉6ml丝绒哑</p>
					<p class="product_price">¥168</p>
					<p class="price_out">¥228</p>
					<span class="star"></span>
					<p class="starnum">39</p>
						
				</div>
			</li>
			<li class="guess_pic">
				<img src="../img/28.jpg" width="220px" height="293.3px" />
				<p class="search_common">找相似</p>
				<div class="guess_product">
					<p class="product_content">芬龄防过敏美眼贴5541双眼皮贴144回赠20回隐形眼线贴(附推</p>
					<p class="product_price">¥6.18</p>
					<p class="price_out">¥9.86</p>
					<span class="star"></span>
					<p class="starnum">4</p>
				</div>
					
			</li>
			<li class="guess_pic">
				<img src="../img/29.jpg" width="220px" height="293.3px" />
				<p class="search_common">找相似</p>
				<div class="guess_product">
					<p class="product_content">陶瓷创意餐具套装 卡通碗西瓜碗沙拉碗泡面碗可爱水果碗盘勺</p>
					<p class="product_price">¥9.9</p>
					<p class="price_out">¥9.86</p>
					<span class="star"></span>
					<p class="starnum">35</p>
				</div>
					
			</li>
			<li class="guess_pic">
				<img src="../img/30.jpg" width="220px" height="293.3px" />
				<p class="search_common">找相似</p>
				<div class="guess_product">
					<p class="product_content">莱蔻bb霜遮瑕保湿BB裸妆隔...</p>
					<p class="product_price">¥9.9</p>
					<p class="price_out">¥18</p>
					<span class="star"></span>
					<p class="starnum">74</p>
				</div>	
			</li>
				
		</ul>
		</div>
		</section>
		<footer>
			<div class="footer-head">
				<dl>
					<dt>-新手帮助-</dt>
					<dd><a href="#">常见问题</a></dd>
					<dd><a href="#">自助服务</a></dd>
					<dd><a href="#">联系客服</a></dd>
					<dd><a href="#">意见反馈</a></dd>
				</dl>
				
				<dl>
					<dt>-权益保障-</dt>
					<dd><a href="#">全国包邮</a></dd>
					<dd><a href="#">七天无理由发货</a></dd>
					<dd><a href="#">退货运费补贴</a></dd>
					<dd><a href="#">限时发货</a></dd>
				</dl>
				<dl>
					<dt>-支付方式-</dt>
					<dd><a href="#">微信支付</a></dd>
					<dd><a href="#">支付宝支付</a></dd>
					<dd><a href="#">白付美支付</a></dd>	
				</dl>
				<dl>
					<dt>-移动客户端下载-</dt>
					<dd><a href="#">蘑菇街</a></dd>
					<dd><a href="#">美丽说</a></dd>
					<dd><a href="#">uni引力</a></dd>
				</dl>
			</div>
			<div class="footer-bottom">
				<ul>
					<li><a href="">关于我们</a></li>
					<li><a href="">招聘信息</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">商家入驻</a></li>
					<li><a href="">商家后台</a></li>
					<li><a href="">蘑菇商学院</a></li>
					<li><a href="">商家社区</a></li>
					<li><a href="">规则中心</a></li>
					<li><a href="">有害信息举报</a></li>
				</ul>
				<p>©2018 Mogujie.com 杭州卷瓜网络有限公司</p>
				<p>
					<span>营业执照：</span>
					<a href="#">913301065526808764</a>
					<b>|</b>
					<span>网络文化经营许可证：</span>
					<a href="#">浙网文（2016）0349-219号</a>
					<b>|</b>
					<span>增值电信业务经营许可证：</span>
					<a href="#">浙B2-20110349</a>
					<b>|</b>
					<span>安全责任书</span>
					<b>|</b>
					<span>浙公网安备 33010602002329号</span>
					<b>|</b>
					<span>互联网药品信息服务资格证书编号：（浙)-经营性-2018-0002</span>
					<b>|</b>
					<span>浙网食A33010003</span>
					<b>|</b>
					<span>出版物网络交易平台服务经营备案证</span>
					<b>|</b>
					<span>（浙）网械平台备字[2018]第00006号</span>
					<b>|</b>
				</p>
			</div>
		</footer>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js" ></script>
		<script type="text/javascript" src="../js/vip.js" ></script>
	</body>
</html>
